<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>兴晋私行</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link type="text/css" href="css/main.css" rel="stylesheet" />
    <link type="text/css" href="css/laypage.css" rel="stylesheet" />
</head>
<body class="whiteBg">
<header>
    <div class="head">
        <div class="LogoLeft">
            <a href="index.html">
                <img src="img/logo.png" />
            </a>
        </div>
        <ul id="nav">
            <li><a href="index.html">兴晋资本</a></li>
            <li>
                <a href="service.html">服务及产品</a>
                <ul class="tree-view">
                    <li><a href="service.html">私人银行</a></li>
                    <li><a href="service.html">互联网金融</a></li>
                    <li><a href="service.html">家族财富管理</a></li>
                    <li><a href="product.html">影视基金产品</a></li>
                    <li><a href="product.html">债券夹层产品</a></li>
                    <li><a href="product.html">隔日理财</a></li>
                </ul>
            </li>
            <li><a href="cooperative.html">合作伙伴</a></li>
            <li class="active"><a href="strategy.html">投资策略</a></li>
            <li><a href="contactus.html">联系我们</a></li>

        </ul>
    </div>
</header>

<div class="StrategyWrape">
  <section class="section1">
      <article class="year-tab clearfix">
          <ul>
              <li><a class="border-radius active">2016</a></li>
              <li><a class="border-radius">2015</a></li>
          </ul>
      </article>

      <article class="time-array clearfix">
          <div class="time-array-l">
              <div class="time-array-l-line"></div>
              <ul class="time-radius">
                  <li class="li-1"><span></span></li>
                  <li class="li-2"><span></span></li>
                  <li class="li-3"><span></span></li>
                  <li class="li-4"><span></span></li>
                  <li class="li-5"><span></span></li>
              </ul>
          </div>
          <div class="time-array-r">
              <ul class="time-array-list js-time-array-list-01">
                  <!--<li class="r-li">-->
                      <!--<div class="title">兴晋研究部丨资产证券化导向的投资策略（下）：证券化原理及应用</div>-->
                      <!--<div class="date">2016/07/15</div>-->
                      <!--<div class="text">-->
                          <!--<p>-->
                              <!--对于高净值客户而言，私募股权市场上的供需矛盾日益尖锐，到了该升级换代的时候。</p>-->
                          <!--<p>而帆茂自2009年以来研判并执行了三个阶段的重要策略调整。对于未来第三阶段的策略特征，我们当前倾向于勾勒为“资产证券化”。</p>-->
                      <!--</div>-->
                  <!--</li>-->

              </ul>

              <ul class="time-array-list js-time-array-list-02 dn"></ul>
          </div>
      </article>

      <div class="pagination">
          <div id="pagination" class="allpages"></div>
          <div class="total-page">共1页</div>
      </div>

  </section>
<footer>
    <section class="f-content">
        <p class="f-p1">
            PROSNAV CAPITAL CO.,LTD 上海市申长路900号虹桥天地2号楼1101-1103室
            <span>400 180 8989</span>
        </p>
        <p class="f-p2">Copyright?2003-2018 PROSNAV.COM 版权所有 沪ICP备09090800号-2</p>


    </section>
</footer>
</div>

<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="js/laypage.js"></script>

</body>
</html>

<script type="text/javascript">

//测试数据
var data_1 =[
    {
        'title':'兴晋研究部丨资产证券化导向的投资策略（下）：证券化原理及应用',
        'date':'2016/07/16',
        'text':'<p>对于高净值客户而言，私募股权市场上的供需矛盾日益尖锐，到了该升级换代的时候。</p><p>而帆茂自2009年以来研判并执行了三个阶段的重要策略调整。对于未来第三阶段的策略特征，我们当前倾向于勾勒为“资产证券化”。</p>'
    },

    {
        'title':'兴晋研究部丨资产证券化导向的投资策略（下）：证券化原理及应用',
        'date':'2016/07/16',
        'text':'<p>对于高净值客户而言，私募股权市场上的供需矛盾日益尖锐，到了该升级换代的时候。</p><p>而帆茂自2009年以来研判并执行了三个阶段的重要策略调整。对于未来第三阶段的策略特征，我们当前倾向于勾勒为“资产证券化”。</p>'
    },

    {
        'title':'兴晋研究部丨资产证券化导向的投资策略（下）：证券化原理及应用',
        'date':'2016/07/16',
        'text':'<p>对于高净值客户而言，私募股权市场上的供需矛盾日益尖锐，到了该升级换代的时候。</p><p>而帆茂自2009年以来研判并执行了三个阶段的重要策略调整。对于未来第三阶段的策略特征，我们当前倾向于勾勒为“资产证券化”。</p>'
    },
    {
        'title':'兴晋研究部丨资产证券化导向的投资策略（下）：证券化原理及应用',
        'date':'2016/07/16',
        'text':'<p>对于高净值客户而言，私募股权市场上的供需矛盾日益尖锐，到了该升级换代的时候。</p><p>而帆茂自2009年以来研判并执行了三个阶段的重要策略调整。对于未来第三阶段的策略特征，我们当前倾向于勾勒为“资产证券化”。</p>'
    },
    {
        'title':'兴晋研究部丨资产证券化导向的投资策略（下）：证券化原理及应用',
        'date':'2016/07/16',
        'text':'<p>对于高净值客户而言，私募股权市场上的供需矛盾日益尖锐，到了该升级换代的时候。</p><p>而帆茂自2009年以来研判并执行了三个阶段的重要策略调整。对于未来第三阶段的策略特征，我们当前倾向于勾勒为“资产证券化”。</p>'
    },
    {
        'title':'兴晋研究部丨资产证券化导向的投资策略（下）：证券化原理及应用1',
        'date':'2016/07/16',
        'text':'<p>对于高净值客户而言，私募股权市场上的供需矛盾日益尖锐，到了该升级换代的时候。</p><p>而帆茂自2009年以来研判并执行了三个阶段的重要策略调整。对于未来第三阶段的策略特征，我们当前倾向于勾勒为“资产证券化”。</p>'
    },

    {
        'title':'兴晋研究部丨资产证券化导向的投资策略（下）：证券化原理及应用2',
        'date':'2016/07/16',
        'text':'<p>对于高净值客户而言，私募股权市场上的供需矛盾日益尖锐，到了该升级换代的时候。</p><p>而帆茂自2009年以来研判并执行了三个阶段的重要策略调整。对于未来第三阶段的策略特征，我们当前倾向于勾勒为“资产证券化”。</p>'
    },

    {
        'title':'兴晋研究部丨资产证券化导向的投资策略（下）：证券化原理及应用3',
        'date':'2016/07/16',
        'text':'<p>对于高净值客户而言，私募股权市场上的供需矛盾日益尖锐，到了该升级换代的时候。</p><p>而帆茂自2009年以来研判并执行了三个阶段的重要策略调整。对于未来第三阶段的策略特征，我们当前倾向于勾勒为“资产证券化”。</p>'
    },
    {
        'title':'兴晋研究部丨资产证券化导向的投资策略（下）：证券化原理及应用4',
        'date':'2016/07/16',
        'text':'<p>对于高净值客户而言，私募股权市场上的供需矛盾日益尖锐，到了该升级换代的时候。</p><p>而帆茂自2009年以来研判并执行了三个阶段的重要策略调整。对于未来第三阶段的策略特征，我们当前倾向于勾勒为“资产证券化”。</p>'
    },
    {
        'title':'兴晋研究部丨资产证券化导向的投资策略（下）：证券化原理及应用5',
        'date':'2016/07/16',
        'text':'<p>对于高净值客户而言，私募股权市场上的供需矛盾日益尖锐，到了该升级换代的时候。</p><p>而帆茂自2009年以来研判并执行了三个阶段的重要策略调整。对于未来第三阶段的策略特征，我们当前倾向于勾勒为“资产证券化”。</p>'
    }
];


var data_2 =[
    {
        'title':'兴晋研究部丨资产证券化导向的投资策略（下）：证券化原理及应用--2015',
        'date':'2016/07/16',
        'text':'<p>对于高净值客户而言，私募股权市场上的供需矛盾日益尖锐，到了该升级换代的时候。</p><p>而帆茂自2009年以来研判并执行了三个阶段的重要策略调整。对于未来第三阶段的策略特征，我们当前倾向于勾勒为“资产证券化”。</p>'
    },

    {
        'title':'兴晋研究部丨资产证券化导向的投资策略（下）：证券化原理及应用--2015',
        'date':'2016/07/16',
        'text':'<p>对于高净值客户而言，私募股权市场上的供需矛盾日益尖锐，到了该升级换代的时候。</p><p>而帆茂自2009年以来研判并执行了三个阶段的重要策略调整。对于未来第三阶段的策略特征，我们当前倾向于勾勒为“资产证券化”。</p>'
    },

    {
        'title':'兴晋研究部丨资产证券化导向的投资策略（下）：证券化原理及应用--2015',
        'date':'2016/07/16',
        'text':'<p>对于高净值客户而言，私募股权市场上的供需矛盾日益尖锐，到了该升级换代的时候。</p><p>而帆茂自2009年以来研判并执行了三个阶段的重要策略调整。对于未来第三阶段的策略特征，我们当前倾向于勾勒为“资产证券化”。</p>'
    },
    {
        'title':'兴晋研究部丨资产证券化导向的投资策略（下）：证券化原理及应用--2015',
        'date':'2016/07/16',
        'text':'<p>对于高净值客户而言，私募股权市场上的供需矛盾日益尖锐，到了该升级换代的时候。</p><p>而帆茂自2009年以来研判并执行了三个阶段的重要策略调整。对于未来第三阶段的策略特征，我们当前倾向于勾勒为“资产证券化”。</p>'
    },
    {
        'title':'兴晋研究部丨资产证券化导向的投资策略（下）：证券化原理及应用--2015',
        'date':'2016/07/16',
        'text':'<p>对于高净值客户而言，私募股权市场上的供需矛盾日益尖锐，到了该升级换代的时候。</p><p>而帆茂自2009年以来研判并执行了三个阶段的重要策略调整。对于未来第三阶段的策略特征，我们当前倾向于勾勒为“资产证券化”。</p>'
    },
    {
        'title':'兴晋研究部丨资产证券化导向的投资策略（下）：证券化原理及应用--2015-1',
        'date':'2016/07/16',
        'text':'<p>对于高净值客户而言，私募股权市场上的供需矛盾日益尖锐，到了该升级换代的时候。</p><p>而帆茂自2009年以来研判并执行了三个阶段的重要策略调整。对于未来第三阶段的策略特征，我们当前倾向于勾勒为“资产证券化”。</p>'
    },

    {
        'title':'兴晋研究部丨资产证券化导向的投资策略（下）：证券化原理及应用--2015-2',
        'date':'2016/07/16',
        'text':'<p>对于高净值客户而言，私募股权市场上的供需矛盾日益尖锐，到了该升级换代的时候。</p><p>而帆茂自2009年以来研判并执行了三个阶段的重要策略调整。对于未来第三阶段的策略特征，我们当前倾向于勾勒为“资产证券化”。</p>'
    },

    {
        'title':'兴晋研究部丨资产证券化导向的投资策略（下）：证券化原理及应用--2015-3',
        'date':'2016/07/16',
        'text':'<p>对于高净值客户而言，私募股权市场上的供需矛盾日益尖锐，到了该升级换代的时候。</p><p>而帆茂自2009年以来研判并执行了三个阶段的重要策略调整。对于未来第三阶段的策略特征，我们当前倾向于勾勒为“资产证券化”。</p>'
    },
    {
        'title':'兴晋研究部丨资产证券化导向的投资策略（下）：证券化原理及应用--2015-4',
        'date':'2016/07/16',
        'text':'<p>对于高净值客户而言，私募股权市场上的供需矛盾日益尖锐，到了该升级换代的时候。</p><p>而帆茂自2009年以来研判并执行了三个阶段的重要策略调整。对于未来第三阶段的策略特征，我们当前倾向于勾勒为“资产证券化”。</p>'
    },
    {
        'title':'兴晋研究部丨资产证券化导向的投资策略（下）：证券化原理及应用--2015-5',
        'date':'2016/07/16',
        'text':'<p>对于高净值客户而言，私募股权市场上的供需矛盾日益尖锐，到了该升级换代的时候。</p><p>而帆茂自2009年以来研判并执行了三个阶段的重要策略调整。对于未来第三阶段的策略特征，我们当前倾向于勾勒为“资产证券化”。</p>'
    }
];

    var nums = 5; //每页出现的数量
    var pages_1 = Math.ceil(data_1.length/nums); //得到总页数
    var pages_2 = Math.ceil(data_2.length/nums); //得到总页数

    var thisDate = function(curr,type){
        //此处只是演示，实际场景通常是返回已经当前页已经分组好的数据
        var str = '', last = curr*nums - 1;
        var data = [];
        if(type == 1){
             data = data_1;
        }  else{
             data = data_2;
        }
        console.log(data);
        console.log('len='+data.length);
        console.log('type='+type);
        console.log('pages_1='+pages_1);
        last = last >= data.length ? (data.ltypeength-1) : last;
        for(var i = (curr*nums - nums); i <= last; i++){
            str +=  '<li class="r-li">'+
                        '<a href="content.html">'+
                            '<div class="title">'+ data[i].title+'</div>'+
                            '<div class="date">'+ data[i].date+'</div>'+
                            '<div class="text">'+ data[i].text+'</div>'+
                        '</a>'+
                    '</li>';
        }
        return str;
    };

//调用分页
laypage({
    cont: 'pagination',
    pages: pages_1,
    prev:false,
    next:false,
    jump: function(obj){
        $('.js-time-array-list-01').html(thisDate(obj.curr,1));
    }
});


//header
$('#nav > li').hover(
        function(){
            $(this).children('.tree-view').show();
            $(this).children('.tree-view').hover(
                    function(){
                        $(this).parents('li').addClass('active');
                    },
                    function(){
                        $(this).parents('li').removeClass('active');
                    }
            );

        },

        function(){
            $(this).children('.tree-view').hide();
        }
);

$(window).scroll(function() {
    var h = $(window).scrollTop();
    if(h > 90){
        $('header').addClass('shadow');
    }else{
        $('header').removeClass('shadow');
    }
});

//tab切换
$('.year-tab > ul > li').each(function(i,that){
    $(that).unbind('click').click(function(){
        var pages = 0,dom,type;
        if(i == 1){
            pages = pages_2;
            dom = $('.js-time-array-list-02');
            type = 2;
        } else{
            pages = pages_1;
            dom = $('.js-time-array-list-01');
            type = 1;
        }

        laypage({
            cont: 'pagination',
            pages: pages,
            prev:false,
            next:false,
            jump: function(obj){
               $(dom).html(thisDate(obj.curr,type));
            }
        });
        $(that).children('.border-radius').addClass('active');
        $(that).siblings().children('.border-radius').removeClass('active');
        $('.time-array-r > .time-array-list').siblings().hide();
        $('.time-array-r > ul:eq('+ i +')').show();

    });
});
</script>